<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>收派时间管理</title>
<!-- 导入jquery核心类库 -->
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css"
	href="../../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../../js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="../../js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css" href="../../css/default.css">
<script type="text/javascript"
	src="../../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="../../js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript"
	src="../../js/easyui/ext/jquery.cookie.js"></script>
<script src="../../js/easyui/locale/easyui-lang-zh_CN.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		// 先将body隐藏，再显示，不会出现页面刷新效果
		$("body").css({
			visibility : "visible"
		});

		// 收派时间管理信息表格
		$('#grid').datagrid({
			iconCls : 'icon-forward',
			fit : true,
			border : false,
			rownumbers : true,
			striped : true,
			pageList : [ 30, 50, 100 ],
			pagination : true,
			toolbar : toolbar,
			url : "../../taketime_findAll.action",
			idField : 'id',
			columns : columns
		});
		
		//保存按钮添加点击事件
		$("#saveBtn").click(function(){
			if($("#takeTimeForm").form("validate")){
				$("#takeTimeForm").submit();
			}else{
				$.messager.alert("警告","必填项不可为空！","warning");
			}
		});
	});

	//工具栏
	var toolbar = [ {
		id : 'button-add',
		text : '增加',
		iconCls : 'icon-add',
		handler : function() {
			$("#takeTimeWindow").window("open");
		}
	}, {
		id : 'button-edit',
		text : '修改',
		iconCls : 'icon-edit',
		handler : function() {
			alert('修改');
		}
	}, {
		id : 'button-delete',
		text : '删除',
		iconCls : 'icon-cancel',
		handler : function() {
			alert('删除');
		}
	} ];

	// 定义列
	var columns = [ [ {
		field : 'id',
		checkbox : true,
	}, {
		field : 'name',
		title : '时间名称',
		width : 120,
		align : 'center'
	}, {
		field : 'normalWorkTime',
		title : '平时上班时间',
		width : 120,
		align : 'center'
	}, {
		field : 'normalDutyTime',
		title : '平时休息时间',
		width : 120,
		align : 'center'
	}, {
		field : 'satWorkTime',
		title : '周六上班时间',
		width : 120,
		align : 'center'
	}, {
		field : 'satDutyTime',
		title : '周六休息时间',
		width : 120,
		align : 'center'
	}, {
		field : 'sunWorkTime',
		title : '周日上班时间',
		width : 120,
		align : 'center'
	}, {
		field : 'sunDutyTime',
		title : '周日休息时间',
		width : 120,
		align : 'center'
	}, {
		field : 'status',
		title : '状态',
		width : 120,
		align : 'center'
	}, {
		field : 'company',
		title : '所属单位',
		width : 120,
		align : 'center'
	}, {
		field : 'operator',
		title : '操作人',
		width : 120,
		align : 'center'
	}, {
		field : 'operatingTime',
		title : '操作时间',
		width : 120,
		align : 'center'
	}, {
		field : 'operatingCompany',
		title : '操作单位',
		width : 120,
		align : 'center'
	} ] ];
</script>
</head>
<body class="easyui-layout" style="visibility: hidden;">
	<div region="center" border="false">
		<table id="grid"></table>
	</div>

	<div class="easyui-window" title="收派时间添加或者修改" id="takeTimeWindow"
		collapsible="false" minimizable="false" maximizable="false"
		modal="true" closed="true"
		style="width: 600px; top: 50px; left: 200px">
		<div region="north" style="height: 31px; overflow: hidden;"
			split="false" border="false">
			<div class="datagrid-toolbar">
				<a id="saveBtn" icon="icon-save" href="#" class="easyui-linkbutton"
					plain="true">保存</a>
			</div>
		</div>

		<div region="center" style="overflow: auto; padding: 5px;"
			border="false">

			<form id="takeTimeForm" action="../../taketime_save.action"
				method="post">
				<table class="table-edit" width="80%" align="center">
					<tr class="title">
						<td colspan="2">收派时间信息 <!--提供隐藏域 装载id --> <input
							type="hidden" name="id" />
						</td>
					</tr>
					<tr>
						<td>时间名称</td>
						<td><input type="text" name="name" class="easyui-validatebox"
							data-options="required:true" /></td>
					</tr>
					<tr>
						<td>平时上班时间</td>
						<td><input type="text" name="normalWorkTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>平时休息时间</td>
						<td><input type="text" name="normalDutyTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>周六上班时间</td>
						<td><input type="text" name="satWorkTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>周六休息时间</td>
						<td><input type="text" name="satDutyTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>周日上班时间</td>
						<td><input type="text" name="sunWorkTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>周日休息时间</td>
						<td><input type="text" name="sunDutyTime" class="easyui-timespinner"
							data-options="editable:false,required:true" /></td>
					</tr>
					<tr>
						<td>状态</td>
						<td><input type="text" class="easyui-validatebox" /></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
</body>
</html>
